// 分割线
.list-group-striped>.list-group-item {
  border-left: 0;
  border-right: 0;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}

.list-group {
  padding-left: 0;
  list-style: none;
}

.list-group-item {
  border-bottom: 1px solid #83939b;
  border-top: 1px solid #83939b;
  margin-bottom: -1px;
  padding: 11px 0;
  font-size: 13px;
}

.pull-right {
  float: right !important;
}

// 文本居中
.text-center {
  text-align: center;
}

// 宽度100%
.g-w100 {
  width: 100%;
}

// 高度100%
.g-h100 {
  height: 100%;
}

// flex布局
.g-flex {
  display: flex;
}

// 横向flex
.g-row-flex {
  display: flex;
  flex-direction: row;
}

// 横向flex，水平居中
.g-row-flex-H {
  display: flex;
  flex-direction: row;
  justify-content: center;
}

// 横向flex，垂直居中
.g-row-flex-V {
  display: flex;
  flex-direction: row;
  align-items: center;
}

// 横向flex，水平垂直居中
.g-row-flex-HV {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

// 竖向flex
.g-column-flex {
  display: flex;
  flex-direction: column;
}

// 竖向flex，水平居中
.g-column-flex-H {
  display: flex;
  flex-direction: column;
  align-items: center;
}

// 竖向flex，垂直居中
.g-column-flex-V {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

// 竖向flex，水平垂直居中
.g-column-flex-HV {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

// header右侧图标
.img-logo {
  width: 22px;
  height: 22px;
}

// header的svg图标样式
.panelIconClass {
  width: 40px !important;
  height: 25px !important;
  cursor: pointer;
}

// 带省略号...的样式
.omissionTooltip {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

// 14号字体
.primary-font-size {
  font-size: 14px;
}

// 18号字体
.small-font-size {
  font-size: 16px;
}

// 18号字体
.big-font-size {
  font-size: 18px;
}

// 18号字体
.large-font-size {
  font-size: 22px;
}

.el-dialog-div .el-input {
  width: 12vw;
}

.el-dialog-div .el-date-editor {
  width: 13vw;
}

// 网格布局3列
.wgbj-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 10px;
}

.wgbj-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}

.el-dialog-div .wgbj-3 .el-input {
  width: 100%;
}

.el-dialog-div .wgbj-2 .el-date-editor {
  width: 100%;
}
.qjdtk{
  width: 100vw;
  .el-dialog{
    width: 75%;
    .el-dialog__body{
      height: 80vh;
      overflow-y: auto;
    }
  }
}
.qjztk{
  width: 100vw;
  .el-dialog{
    width: 50%;
  }
}
.qjxtk{
  width: 100vw;
  .el-dialog{
    width: 30%;
  }
}

.el-input-number{
  width: 12vw;
}
